<?php if (!defined('THINK_PATH')) exit();?><html>
<head>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/tab.css" />
<script type="text/javascript" src="__PUBLIC__/Js/jquery.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/tab.js"></script>

<script language="javascript">
var tab=null;
$( function() {


      
      //debugger; 
     // $("#page").css("height",(document.body.scrollHeight-150)+"px");
      //$("#page").css("height",800);
      //$("#page").css("width",1024);

      tab = new TabView( {
        containerId :'tab_menu',
        pageid :'page',
        cid :'tab_po',
        position :"bottom"
    });
    tab.add( {
        id :'tab1_id_index1',
        title :"百度主页",
        url :"http://www.baidu.com",
        isClosed :true
    });
    tab.add( {
        id :'tab2_id_index2',
        title :"谷歌主页",
        url :"http://www.google.cn",
        isClosed :false
    });
    tab.add( {
        id :'tab3_id_index3',
        title :"我的主页",
        url :"http://blog.csdn.net/myloon",
        isClosed :false
    });
    tab.add( {
        id :'tab4_id_index4',
        title :"标签页面1",
        url :"tabs/tab1.html",
        isClosed :true
    });
    
});

</script>
</head>
<body>
<div id="tab_menu" ></div>     
<div id="page"></div>
</body>

<style type="text/css">
@IMPORT url("tab.css");

h2 {
    background-color: #cccccc;
    padding: 4px;
    font-size: 18px;
    font-family: "黑体";
}

#tab_menu {
    padding: 0px;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

#page {
    width: 100%;
    height: 100%;
    border: solid 1px #cccccc;
    /*height: expression(parentNode . parentNode . offsetHeight-25);*/
}
</style>
</html>